@layout("/common/_containersd.html"){
<style>
    ul{padding: 0;margin: 0;}
    .dataBox{background: #eeeeee;padding: 10px;margin-bottom: 15px;}
    .dataBox>div{display: flex}
    .dataBox>div:first-of-type{margin-bottom: 15px;}
    .dataBox>div>p{flex: 1;margin: 0;}
    .project>h3{ background:#337ab7;line-height: 40px;color: white; text-indent: 1em ;margin-top: 0;border-radius: 3px;}
    .basicData{flex: 2;}
    .basicData>.setData>ul>li{display: flex;margin: 20px;align-items: center;}
    .basicData>.setData>ul>li>span{ flex:1 ;text-align: right;}
    .basicData>.setData>ul>li>div{flex: 3 ;margin-left: 18px;}
    #projectData{padding-left: 15px;}
    #projectData>div{padding: 0;}
    .frameBox{width: 90%;height: 32px;padding-left: 10px;}
    #calendars>.fc-toolbar{display: none}
    #category>button{margin: 0;background: white;color: #333333;border: 2px solid #cccccc;outline:none;width: 80px;}
    .bottomBox{display: flex;margin-top: 15px;}
    .bottomBox>div{flex: 1;box-shadow: 0 0 1px #cccccc;}
    .bottomBox>div:nth-child(2){margin: 0 15px;}
    .btnBox{float: right;margin-top: 15px;}
    .btnBox>button{margin: 0;  color: white;  background: #2b6594;  width: 100px;  font-size: 1em;border: 1px solid #cccccc}
    #calendarDocument .layui-laydate .laydate-icon{border: none;background: none}
    #calendarDocument>div{position: relative;left: 50%;transform: translateX(-50%)}
</style>

<div style="display: none">
    <input type="hidden" id="doctorValue" value="${doctor}">
    <input type="hidden" id="customerId" value="${customerInfo.id}">
    <input type="hidden" id="reservationsId" value="${customerInfo.reservationsId}">
    <input type="hidden" id="customerSex2" value="${customerInfo.customerSex}">
    <input type="hidden" id="startDocumentValue" value="">
    <input type="hidden" id="endDocumentValue" value="">
</div>

<div class="ibox float-e-margins ">
    <div class="ibox-content record_box">
        <div class="row" style="border-bottom: 1px solid #cccccc;">
            <!--个人信息-->
            <div class="col-sm-12">
                <div class="dataBox">
                    <div>
                        <p><span>姓名：</span><span style="display: inline-block;width: 120px;" id="customerName">${customerInfo.customerName}</span></p>
                        <p><span>年龄：</span><span id="customerAge">${customerInfo.customerAge}</span></p>
                        <p><span>性别：</span><span id="customerSex">${customerInfo.customerSex}</span></p>
                        <p><span>手机号：</span><span id="customerPhone">${customerInfo.customerPhone}</span></span></p>

                    </div>
                    <div>
                        <p><span>地址：</span><span id="province">${customerInfo.province}</span>
                            <span id="cities">-${customerInfo.cities}</span>
                            <span id="region">-${customerInfo.region}</span></p>
                        <p><span>病历号：</span><span id="reservationsNum">${customerInfo.medicalRecordNumber}</span></p>
                        <p><span>初诊日期：</span><span id="firstVisitDate">${customerInfo.firstVisitDate}</span></p>
                        <p><span>初诊医生：</span><span id="doctor2">${customerInfo.doctor}</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 bottomBox">
                <!--指定-->
                <div>
                    <div class="basicData">
                        <div class="setData">
                            <ul>
                              <!--  <li>
                                    <span>类别</span>
                                    <div id="category">
                                        <button type="button" class="btn" id="revisit">复诊</button>
                                    </div>
                                </li>-->
                                <!--<li>-->
                                <!--<span style="line-height: 25px;">开始时间</span>-->
                                <!--<div>-->
                                <!--<input class="frameBox" type="text" id="startTime" value="" style="width: 65%">-->
                                <!--<button type="button" class="btn" id="startTimeOperation" style="height: 31px;width: 50px;padding: 4px 12px;"><span class="glyphicon glyphicon-calendar"></span></button>-->
                                <!--</div>-->
                                <!--</li>-->
                                <!--<li>-->
                                <!--<span>持续时间</span>-->
                                <!--<div class="continued">-->
                                <!--<span onclick="continued('-')" class="glyphicon glyphicon-backward"></span>-->
                                <!--<span><input type="text" id="duration" value="15" style="border: none;width: 40px;outline:none;">分钟</span>-->
                                <!--<span onclick="continued('+')" class="glyphicon glyphicon-forward"></span>-->
                                <!--</div>-->
                                <!--</li>-->
                                <li>
                                    <span>咨询师</span>
                                    <div>
                                        <select class="frameBox" name="fieldTc" id="fieldTc"></select>
                                    </div>
                                </li>
                                <!--<li>-->
                                <!--<span>科室</span>-->
                                <!--<div>-->
                                <!--<select class="frameBox" name="department" id="department"></select>-->
                                <!--</div>-->
                                <!--</li>-->
                                <li>
                                    <span>医生</span>
                                    <div>
                                        <select class="frameBox" name="doctor" id="doctor" onchange="refreshChange()"></select>
                                    </div>
                                </li>
                                <li>
                                    <span>备注</span>
                                    <div>
                                        <textarea class="frameBox" name="remarks" id="remarks" style="height:50px;"></textarea>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div id="calendarDocument" style="position: relative"></div>
                    </div>
                </div>
                <!--预约视图-->
                <div>
                    <div id='calendars'></div>
                </div>
                <!--项目-->
                <div>
                    <div class="project">
                        <h3>
                            <span>预约项目</span>
                        </h3>
                        <div id="projectData" class="projectData clearfix">
                            <div class="col-sm-6"><label style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="复查" >复查</label></div>
                            <div class="col-sm-6"><label style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="调活动牙" >调活动牙</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="保持器" >保持器</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="美白">美白</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="戴牙复诊" >戴牙复诊</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="二期修复" >二期修复</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="试戴义齿" >试戴义齿</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="根管预备，封药" >根管预备，封药</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="牙周刮治" >牙周刮治</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="备牙" >备牙</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="种植取模" >种植取模</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="拆线" >拆线</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="种植复查" >种植复查</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="手术" >手术</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="戴牙" >戴牙</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="正畸复诊" >正畸复诊</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="粘托槽" >粘托槽</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="根充" >根充</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="牙周上药" >牙周上药</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="拔牙">拔牙</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="补牙" >补牙</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="换药" >换药</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="取模，修复" >取模，修复</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="去封，扩管" >去封，扩管</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="去龋，开髓" >去龋，开髓</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="修复" >修复</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="美团128洁治" >美团128洁治</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="美团49.9洁治" >美团49.9洁治</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="回访部复诊" >回访部复诊</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="瑞尔齿科" >瑞尔齿科</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="洁牙" >洁牙</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="华夏洁牙" >华夏洁牙</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="封口" >封口</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="咬蜡" >咬蜡</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="种植一周后复查伤口" >种植一周后复查</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="种植戴牙" >种植戴牙</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="检查" >检查</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="治疗" >治疗</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="牙周冲洗" >牙周冲洗</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="正畸方案" >正畸方案</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="种植" >种植</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="牙周治疗" >牙周治疗</label></div>
                            <div class="col-sm-6"><label  style="font-weight: 500;">
                                <input type="checkbox" name="about" style="margin-right: 15px;" value="扩管" >扩管</label></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--提交按钮-->
    <div class="col-sm-12">
        <div class="clearfix">
            <div class="btnBox">
                <button type="button" class="btn" style="background: white;color: #333333" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name))">取消</button>
                <button type="button" class="btn" onclick="submissiond()">保存</button>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/doctorLooked/doctor_appointment.js"></script>
<link rel="stylesheet" href="${ctxPath}/static/modular/fullcalendar/fullcalendar.css">
<link href='${ctxPath}/static/modular/fullcalendar//fullcalendar.print.min.css' rel='stylesheet' media='print'/>
<script src="${ctxPath}/static/modular/fullcalendar/lib/moment.min.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery.min.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery-ui.min.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/fullcalendar.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/scheduler.min.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/locale/zh-cn.js"></script>
<script src="${ctxPath}/static/js/plugins/layDate-v5.0.9/laydate/laydate.js"></script>
@}